<template>
  <div>
    <h2>Pinia Counter Demo</h2>
    <p>Count: {{ store.count }}</p>
    <p>Double: {{ store.doubleCount }}</p>
    <p>Uppercase Name: {{ store.uppercaseName }}</p>
    <button @click="store.decrement">-1</button>
    <button @click="store.increment">+1</button>
    <button @click="store.reset">Reset</button>
  </div>
</template>

<script setup>
import { useCounterStore } from '@/stores/counter'
const store = useCounterStore()
</script>
